<template>
  <div class="my-wrapper">
   <h4>hello world</h4>
    <router-link to="test">跳转</router-link>
    <child></child>
  </div>
</template>

<script>
  import Child from '../components/Child'
  export default {
  name: "Index",
  components: {
    Child
  },
  data() {
    return {
      // ...
    };
  },
  mounted() {
    // ...
  },
  methods: {
    // ...
  }
};
</script>

<style scoped>
/*
@name:页面样式
@time:2019-1-21
@by:zzc
*/
  .my-wrapper {
    background-color: rebeccapurple;
    height: 5rem;
    text-align: center;
    overflow: hidden;
  }
.my-wrapper h4 {
  color: white;
  font-size: 0.3rem;
  margin: 0.5rem;
}
.my-wrapper a{
  display: inline-block;
  font-size: 0.5rem;
  color: antiquewhite;
  margin-top: 1rem;
}
</style>
